<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>七层</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Save for Web Styles (七层.psd) -->
<link href="css/B06_cut_07.css" rel="stylesheet" type="text/css" />
<!-- End Save for Web Styles -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.query.js"></script>
<script type="text/javascript" src="js/adminShowRoom.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//通过url地址获取层数的参数
		var url = parent.window.location.href;
		var floor = $.query.load(url).get("f");
		$("div[id*='B06-']").each(function() {
			var room = $(this);
			var id = room.attr("id");
			var patten = /^B06-\d{2}-\d{2}$/;

			room.addClass(id);

			if (patten.test(id)) {
				room.attr("id","o_"+id);
				setRoomState(id, function(){
					showRoom(id);
				}, "black");
				room.click(function(){					
					showRoom(id);
				}); 				
			}
		});
		//获取该层的所有房间信息
		$.post("AjaxAction!getRoomInfo.action", {
			department : "B06",
			floor : floor
		}, function(data) {
			$(data).each(function(i) {
				var func = function(){
					showRoom(data[i].room_number);
				};
				if (data[i].total == data[i].current || data[i].chooseAble == 0) {
					setRoomState(data[i].room_number, func, "black");
				} else {
					if (data[i].gender_type == '0') { //男生房间用蓝色遮罩层
						setRoomState(data[i].room_number, func, "blue");
					} else { //女生房间用红色遮罩层表示
						setRoomState(data[i].room_number, func, "red");
					}
				}
			});
		}, "json");
	});
</script>
</head>
<body
	style="background-color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
	<!-- Save for Web Slices (七层.psd) -->
	<div id="__01">
		<div id="chooseInfo">
			<p style="margin: 5px 0 0 30px">
				<span>当前房间：</span><span id="currentRoom">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>开放状态：</span><span id="roomState">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>房间类型：</span><span id="roomSex">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>空余床位：</span><span id="leftBed">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<button id="changeBt" disabled class="button"
					onclick="changeRoomState()">修改</button>
			</p>
		</div>
		<div id="bed" style="visibility: visible"></div>
		<div id="B06-L07-x4e03x5c42">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;.gif" width="600"
				height="11" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42002">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-02.gif" width="142"
				height="83" alt="">
		</div>
		<div id="B06-07-21">
			<img src="images/B06/07/21.gif" width="23" height="59" alt="">
		</div>
		<div id="B06-07-23">
			<img src="images/B06/07/23.gif" width="23" height="59" alt="">
		</div>
		<div id="B06-07-25">
			<img src="images/B06/07/25.gif" width="22" height="59" alt="">
		</div>
		<div id="B06-07-27">
			<img src="images/B06/07/27.gif" width="23" height="59" alt="">
		</div>
		<div id="B06-07-29">
			<img src="images/B06/07/29.gif" width="23" height="59" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42008">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-08.gif" width="114"
				height="90" alt="">
		</div>
		<div id="B06-07-35">
			<img src="images/B06/07/35.gif" width="24" height="59" alt="">
		</div>
		<div id="B06-07-37">
			<img src="images/B06/07/37.gif" width="21" height="59" alt="">
		</div>
		<div id="B06-07-39">
			<img src="images/B06/07/39.gif" width="25" height="59" alt="">
		</div>
		<div id="B06-07-41">
			<img src="images/B06/07/41.gif" width="22" height="59" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42013">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-13.gif" width="138"
				height="83" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42014">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-14.gif" width="114"
				height="31" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42015">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-15.gif" width="92"
				height="31" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42016">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-16.gif" width="9"
				height="451" alt="">
		</div>
		<div id="B06-07-20">
			<img src="images/B06/07/20.gif" width="40" height="35" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42018">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-18.gif" width="93"
				height="68" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42019">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-19.gif" width="92"
				height="68" alt="">
		</div>
		<div id="B06-07-42">
			<img src="images/B06/07/42.gif" width="40" height="35" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42021">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-21.gif" width="6"
				height="451" alt="">
		</div>
		<div id="B06-07-22">
			<img src="images/B06/07/22.gif" width="23" height="61" alt="">
		</div>
		<div id="B06-07-24">
			<img src="images/B06/07/24.gif" width="23" height="61" alt="">
		</div>
		<div id="B06-07-26">
			<img src="images/B06/07/26.gif" width="22" height="61" alt="">
		</div>
		<div id="B06-07-28">
			<img src="images/B06/07/28.gif" width="23" height="61" alt="">
		</div>
		<div id="B06-07-30">
			<img src="images/B06/07/30.gif" width="23" height="61" alt="">
		</div>
		<div id="B06-07-31">
			<img src="images/B06/07/31.gif" width="38" height="61" alt="">
		</div>
		<div id="B06-07-32">
			<img src="images/B06/07/32.gif" width="38" height="61" alt="">
		</div>
		<div id="B06-07-33">
			<img src="images/B06/07/33.gif" width="38" height="61" alt="">
		</div>
		<div id="B06-07-34">
			<img src="images/B06/07/34.gif" width="24" height="61" alt="">
		</div>
		<div id="B06-07-36">
			<img src="images/B06/07/36.gif" width="21" height="61" alt="">
		</div>
		<div id="B06-07-38">
			<img src="images/B06/07/38.gif" width="25" height="61" alt="">
		</div>
		<div id="B06-07-40">
			<img src="images/B06/07/40.gif" width="22" height="61" alt="">
		</div>
		<div id="B06-07-19">
			<img src="images/B06/07/19.gif" width="40" height="33" alt="">
		</div>
		<div id="B06-07-43">
			<img src="images/B06/07/43.gif" width="40" height="33" alt="">
		</div>
		<div id="B06-07-17">
			<img src="images/B06/07/17.gif" width="40" height="33" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42037">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-37.gif" width="19"
				height="383" alt="">
		</div>
		<div id="B06-07-18">
			<img src="images/B06/07/18.gif" width="41" height="33" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42039">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-39.gif" width="386"
				height="383" alt="">
		</div>
		<div id="B06-07-44">
			<img src="images/B06/07/44.gif" width="39" height="33" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42041">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-41.gif" width="20"
				height="383" alt="">
		</div>
		<div id="B06-07-45">
			<img src="images/B06/07/45.gif" width="40" height="33" alt="">
		</div>
		<div id="B06-07-15">
			<img src="images/B06/07/15.gif" width="40" height="34" alt="">
		</div>
		<div id="B06-07-16">
			<img src="images/B06/07/16.gif" width="41" height="34" alt="">
		</div>
		<div id="B06-07-46">
			<img src="images/B06/07/46.gif" width="39" height="34" alt="">
		</div>
		<div id="B06-07-47">
			<img src="images/B06/07/47.gif" width="40" height="34" alt="">
		</div>
		<div id="B06-07-13">
			<img src="images/B06/07/13.gif" width="40" height="34" alt="">
		</div>
		<div id="B06-07-14">
			<img src="images/B06/07/14.gif" width="41" height="34" alt="">
		</div>
		<div id="B06-07-48">
			<img src="images/B06/07/48.gif" width="39" height="34" alt="">
		</div>
		<div id="B06-07-49">
			<img src="images/B06/07/49.gif" width="40" height="34" alt="">
		</div>
		<div id="B06-07-11">
			<img src="images/B06/07/11.gif" width="40" height="33" alt="">
		</div>
		<div id="B06-07-12">
			<img src="images/B06/07/12.gif" width="41" height="33" alt="">
		</div>
		<div id="B06-07-50">
			<img src="images/B06/07/50.gif" width="39" height="33" alt="">
		</div>
		<div id="B06-07-51">
			<img src="images/B06/07/51.gif" width="40" height="33" alt="">
		</div>
		<div id="B06-07-09">
			<img src="images/B06/07/09.gif" width="40" height="34" alt="">
		</div>
		<div id="B06-07-10">
			<img src="images/B06/07/10.gif" width="41" height="34" alt="">
		</div>
		<div id="B06-07-52">
			<img src="images/B06/07/52.gif" width="39" height="34" alt="">
		</div>
		<div id="B06-07-53">
			<img src="images/B06/07/53.gif" width="40" height="34" alt="">
		</div>
		<div id="B06-07-07">
			<img src="images/B06/07/07.gif" width="40" height="32" alt="">
		</div>
		<div id="B06-07-08">
			<img src="images/B06/07/08.gif" width="41" height="32" alt="">
		</div>
		<div id="B06-07-54">
			<img src="images/B06/07/54.gif" width="39" height="32" alt="">
		</div>
		<div id="B06-07-55">
			<img src="images/B06/07/55.gif" width="40" height="32" alt="">
		</div>
		<div id="B06-07-05">
			<img src="images/B06/07/05.gif" width="40" height="36" alt="">
		</div>
		<div id="B06-07-06">
			<img src="images/B06/07/06.gif" width="41" height="36" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42065">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-65.gif" width="39"
				height="183" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42066">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-66.gif" width="40"
				height="183" alt="">
		</div>
		<div id="B06-07-03">
			<img src="images/B06/07/03.gif" width="40" height="32" alt="">
		</div>
		<div id="B06-07-04">
			<img src="images/B06/07/04.gif" width="41" height="32" alt="">
		</div>
		<div id="B06-07-01">
			<img src="images/B06/07/01.gif" width="40" height="34" alt="">
		</div>
		<div id="B06-07-02">
			<img src="images/B06/07/02.gif" width="41" height="34" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42071">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-71.gif" width="40"
				height="81" alt="">
		</div>
		<div id="B06-L07-x4e03x5c42072">
			<img src="images/B06/07/B06-L07-&#x4e03;&#x5c42;-72.gif" width="41"
				height="81" alt="">
		</div>
	</div>
	<!-- End Save for Web Slices -->
</body>
</html>